.f-flex,
.f-flex-c .item {
	flex: 1;
	display: block;
}

.f-df,
.f-df-c .item {
	display: flex;
}

.f-flex-i {
	flex: inherit;
}

.f-ff-c {
	flex-flow: column;
}

/* 两端对齐 */
.f-jc-b {
	justify-content: space-between;
}

/* 左对齐 */
.f-jc-s {
	justify-content: flex-start;
}

/* 右对齐 */
.f-jc-e {
	justify-content: flex-end;
}

/* 水平 X 居中 */
.f-jc-c {
	justify-content: center;
}

/* 垂直 Y 居中 */
.f-ai-c {
	align-items: center;
}

/* 垂直 TOP */
.f-ai-b {
	align-items: baseline;
}

/* X 居中 Y居中 */
.f-flex-cc {
	justify-content: center;
	align-items: center;
}

/* 垂直 底部对齐 */
.f-ai-e {
	align-items: baseline;
}

/* // 排列方式 */
.f-fd-c {
	flex-direction: column;
}

/* 左右 */
.f-flex-row {
	display: flex;

}

.f-flex-row .body {
	flex: 1;
}

/* 上下 */
.f-flex-column {
	display: flex;
	flex-direction: column;
}

.f-flex-column .body {
	flex: 1;
}

.f-f-rw {
	flex-flow: row wrap
}
